﻿.dropPanel
{
    height:auto;
    width:100%;
    margin-bottom:10px;
    
    font-size: 12px;
    font-family: "Trebuchet MS", Verdana, Helvetica, Sans-Serif;
    color: #707070;
}

.dropPanelHeader
{
    position:relative;
    height:40px;

    cursor: hand; 
    cursor: pointer;
   
    color: white;
    text-align:center;
    
    -webkit-border-top-left-radius: 8px;
    -webkit-border-top-right-radius: 8px;
    -moz-border-radius-topleft: 8px;
    -moz-border-radius-topright: 8px;
    border-top-left-radius: 8px;
    border-top-right-radius: 8px;
    
    /*
    background: #fd8b21;
	background: -webkit-gradient(linear, left top, left bottom, from(#ffc58c), to(#fd8b21));
	background: -moz-linear-gradient(top,  #ffc58c,  #fd8b21);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc58c', endColorstr='#fd8b21'); */

    background: #01285C;
	background: -webkit-gradient(linear, left top, left bottom, from(#3F6DAB), to(#01285C));
	background: -moz-linear-gradient(top,  #3F6DAB,  #01285C);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#3F6DAB', endColorstr='#01285C'); 
    
}

.dropPanelHeader .dropPanelHeaderText
{
    /*color:#002653;*/
    color:White;
    width:100%;
    height:100%;
}

.dropPanelHeader .dropPanelHeaderText span
{
     font-size:14px;
     font-weight:bold;
    position:absolute;
    display:block;
    top:50%;
    margin:-8px;
    width:100%;
    text-align:center;
}

 .dropPanelIcon
{
    height:23px;
    width:23px;
    background: url(/Content/images/dropPanelIcon.png) repeat-x;
    background-position:-25px 0;
    margin-top:-12px;
    margin-left:-28px;
    position:absolute;
    top:50%;
    left:100%;
}

 .dropPanelIcon2
{
    height:23px;
    width:23px;
    background: url(/Content/images/dropPanelIcon2.png) repeat-x;
    background-position:0 0;
    margin-top:-12px;
    margin-left:-28px;
    position:absolute;
    top:50%;
    left:100%;
}




.dropPanelBody
{
    
     /*background-color:#fff9f4;*/
     background-color:#F7FBFF;
     padding:5px 10px 5px 10px;
     
     /*border:1px solid #ffd7af;*/
     border:1px solid #9AB6DB;
    -webkit-border-bottom-right-radius: 8px;
    -webkit-border-bottom-left-radius: 8px;
    -moz-border-radius-bottomright: 8px;
    -moz-border-radius-bottomleft: 8px;
    border-bottom-right-radius: 8px;
    border-bottom-left-radius: 8px;
}